<!DOCTYPE html>
<html>

	<head> 
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/return.css">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:86px !important;
			}
		</style>
	</head>

	<body> 
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">归还</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
				<div id="scroll">
					<div class="list" id="list" style="margin-top: 10px;">		
						<div v-for="(item,index) in list" :key="index">
						<div class="flex-row">
							<div>
								<!-- <div class="flex-between">
									<div class="flex-row">
										<div class="label">钥匙信息:</div>
										<div class="color-blue">{{item.keyCode}}-{{item.deviceCode}}-{{item.keyName}}</div>
									</div>
								</div> -->
<!-- 								<hr size="1" style="color: #999;border-style: dashed; widows: 250px;margin: 15px 0;" />
 -->									<div class="flex-between">
										<div class="label">钥匙信息:</div>
									</div>
								<div class="yaoshi_list">
									<div>
										<div class="flex-between">
											<div>{{item.keyCode}}-{{item.deviceCode}}-{{item.keyName}}</div>
										</div>
<!-- 										<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />
 -->									</div>
								</div>
								<div class="flex-between">
									<div class="flex-row" style="margin-top:10px;">
										<div class="label">借用人:</div>
										<div>{{'[' + item.operateStaffCode +']' + item.operateStaffName}}</div>			
									</div>
								</div>
							</div>
						</div>
						</div>
						<p style="height: 1px;"></p>
						</div>
						<div style="width: 100%;height: 100px;"></div>
				</div>
				
				<div class="fixed-bottom">
					<div class="onwork-box">
						<div class="flex-row">
							<div style="margin-right: 10px">归还人</div> 
							<personselect :issingle="isSingle" ref="personselect" style="width:30vw;"></personselect>
						</div>
						<div class="flex-row" style="margin-left: 5px">
							<div style="margin-right: 10px">值班人</div> 
							<personselect :issingle="isSingle" ref="personselectDuty" style="width:30vw;"></personselect>
						</div>
					</div>
					<div class="btn-row">
						<button class="submit_btn" @tap="keyUsed">归还</button>
						<button class="cancel_btn" @tap="goBack">返回</button>		
					</div>
				</div>
			</div>
			<!-- <div class="more-txt">上拉显示更多,下滑进行刷新</div>	 -->
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../static/components/personSelect.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>
		<script src="js/scanRetrun.js"></script>
	</body>

</html>